/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.profiles-editor {
	height: 100%;
	overflow: hidden;
	max-width: 1000px;
	margin: 20px auto 0px auto;
}

.profiles-editor .sidebar-view,
.profiles-editor .contents-view {
	height: 100%;
}

.profiles-editor .contents-container,
.profiles-editor .sidebar-container {
	padding: 0px 20px;
	height: 100%;
}

.profiles-editor .sidebar-container .new-profile-button {
	display: flex;
	align-items: center;
}

.profiles-editor .sidebar-container .new-profile-button > .monaco-button-dropdown {
	flex-grow: 1;
}

.profiles-editor .monaco-button-dropdown > .monaco-dropdown-button {
	display: flex;
	align-items: center;
	padding: 0 4px;
}

.profiles-editor .sidebar-container .profiles-tree {
	margin-top: 10px;
}

.profiles-editor .sidebar-container .profiles-tree .profile-tree-item {
	display: flex;
	align-items: center;
}

.profiles-editor .sidebar-container .profiles-tree .profile-tree-item > * {
	margin-right: 5px;
}

.profiles-editor .sidebar-container .profiles-tree .profile-tree-item > .profile-tree-item-description {
	margin-left: 2px;
	display: flex;
	align-items: center;
	font-size: 0.9em;
	opacity: 0.7;
}

.profiles-editor .hide {
	display: none !important;
}

.profiles-editor .contents-container .profile-header {
	display: flex;
	height: 34px;
	align-items: center;
}

.profiles-editor .contents-container .profile-header .profile-title {
	font-size: x-large;
	font-weight: bold;
	flex: 1;
}

.profiles-editor .contents-container .profile-header .profile-actions-container {
	display: flex;
	height: 28px;
}

.profiles-editor .contents-container .profile-header .profile-actions-container .actions-container {
	gap: 4px;
}

.profiles-editor .contents-container .profile-header .profile-actions-container .actions-container .codicon {
	font-size: 18px;
}

.profiles-editor .contents-container .profile-header .profile-actions-container .profile-button-container {
	margin-right: 5px;
	min-width: 120px;
}

.profiles-editor .contents-container .profile-header .profile-actions-container .profile-button-container .monaco-button {
	padding-left: 10px;
	padding-right: 10px;
}

.profiles-editor .contents-container .profile-body {
	margin-top: 20px;
}

.profiles-editor .contents-container .profile-name-container {
	margin: 0px 0px 20px 15px;
	display: flex;
	width: 330px;
	align-items: center;
}

.profiles-editor .contents-container .profile-name-container .codicon {
	cursor: pointer;
	font-size: 20px;
	padding: 2px;
}

.profiles-editor .contents-container .profile-name-container .monaco-inputbox {
	flex: 1;
	margin-left: 10px;
}

.profiles-editor .contents-container .profile-select-container {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profiles-editor .contents-container .profile-select-container > .monaco-select-box {
	cursor: pointer;
	line-height: 17px;
	padding: 2px 23px 2px 8px;
	border-radius: 2px;
}

.profiles-editor .contents-container .profile-copy-from-container {
	display: flex;
	align-items: center;
	margin: 0px 0px 20px 20px;
}

.profiles-editor .contents-container .profile-copy-from-container > .profile-copy-from-label {
	margin-right: 10px;
	display: inline-flex;
	align-items: center;
}

.profiles-editor .contents-container .profile-copy-from-container > .profile-select-container {
	width: 250px;
}

.profiles-editor .contents-container .profile-contents-container {
	margin: 0px 0px 10px 20px;
	font-size: medium;
}

.profiles-editor .contents-container .profile-tree-item-container {
	display: flex;
	align-items: center;
}

.profiles-editor .contents-container .profile-tree-item-container.new-profile-resource-type-container > .profile-resource-type-label-container {
	width: 150px;
}

.profiles-editor .contents-container .profile-tree-item-container.new-profile-resource-type-container > .profile-select-container {
	width: 170px;
}

.profiles-editor .contents-container .profile-tree-item-container .profile-resource-type-description {
	margin-left: 10px;
	font-size: 0.9em;
	opacity: 0.7;
}
